<?php //var_dump($this->session->userdata('profile_image_path')); die();?>
<div class="personal_image2">
	<!--profile_image starts-->
	<div class="profile_image">
		<!-- image to be changed--->
        <?php //if($this->session->userdata('profile_image_path')){?>
       <!--	/*<img id="" src="<?php //echo $this->session->userdata('profile_image_path');?>" alt="Zigya Profile Picture" class="profile_pic" width="100" height="100"> */-->
        <?php //}else { ?>
       <img id="" src="<?php echo SKIN_URL_IMAGE; ?>/zigya_profile_pic.png" alt="Zigya Profile Picture" class="profile_pic">
       <?php //} ?>
		<div class="overlay">
			<!-- image remains fixed--->
			<img src="<?php echo SKIN_URL_IMAGE; ?>/zigya_profile_pic_overlay.png" alt="Profile Image Overlay">
		</div>
	</div>
	<!--profile_image starts-->
        <?php //if($this->session->userdata('insert_id')){ ?>

	<!--profile_options starts-->
	<div class="profile_options">
		<ul>
			<li>
				<!--/*<img src="<?php //echo SKIN_URL_IMAGE; ?>/zoom_in.png" alt="<?php //echo $label['zoom_in'] ?>" id="btnZoomOut">*/-->
			</li>
			<li>
				<!--<img src="<?php //echo SKIN_URL_IMAGE; ?>/zoom_out.png" alt="<?php //echo $label['zoom_out'] ?>" id="btnZoomIn">-->
			</li>
			<li>
				<img onclick='$("#image_file").click()' title="<?php echo $label['profile'] ?>" class="upload_file_data" src="<?php echo SKIN_URL_IMAGE; ?>/upload_picture.png" alt="<?php echo $label['profile'] ?>">
				<div id="upload_profile_photo_response"></div>
				<!--<div style="display:none">-->
                <!--<div style="display:none">-->
			</li>
            <div id="progress"></div>
		</ul>
	</div>
	<!--profile_option closed-->
	<!--profile_thumbs starts-->
	<div class="profile_thumbs">
		<ul>
			<li>
				<a href="javascript:;"> <img src="<?php echo SKIN_URL_IMAGE; ?>/zigya_profile_pic.png" alt="Image Name" width="35"/> </a>
			</li>
			<li>
				<a href="javascript:;"> <img src="<?php echo SKIN_URL_IMAGE; ?>/company_profile_pic.png" alt="Image Name" width="35"/> </a>
			</li>
			<li>
				<a href="javascript:;"> <img src="<?php echo SKIN_URL_IMAGE; ?>/zigya_profile_pic.png" alt="Image Name" width="35"/> </a>
			</li>
			<li>
				<a href="javascript:;"> <img src="<?php echo SKIN_URL_IMAGE; ?>/company_profile_pic.png" alt="Image Name" width="35"/> </a>
			</li>
		</ul>
		<div class="clear"></div>
	</div>
    <div style="display:block">
					<?php  //echo form_open('', array('id' => 'upload_profile_photo_form', 'autocomplete' => 'off')); ?>
                    	<form enctype="multipart/form-data" method="post" action="http://zig.com/index.php/join_as_submit_detail_continue"><!--onsubmit="return checkForm()"-->
                        <!-- hidden crop params -->
                        <input type="hidden" id="x1" name="x1" />
                        <input type="hidden" id="y1" name="y1" />
                        <input type="hidden" id="x2" name="x2" />
                        <input type="hidden" id="y2" name="y2" />
                    <div style="display:none;"><input type="file" name="userfile" id="image_file" onchange="fileSelectHandler()" /></div>
<!--                    <div class="error_box content_pink"></div>
-->                    <div class="step2" style="display: none;">
						
                   <img id="preview" style="visibility:visible !important;"/>
                       <div class="info">
                            <input hidden type="text" id="filesize" name="filesize"/>
                            <input hidden type="text" id="filetype" name="filetype" />
                            <input hidden type="text" id="filedim" name="filedim" />
                            <input hidden type="text" id="w" name="w" />
                            <input hidden type="text" id="h" name="h" />
                            <input type="hidden" name="member_type" id="member_type" value="<?php if(isset($member_type)){ echo strip_tags($member_type);} ?>"  />  
                            <input hidden type="text" name="profile_image" value="profile image"/>                         
                        </div>
                        <input type="submit" value="Upload" />
                    </div>
						<!--<input id="file" type="file" name="upload_profile_photo_file" accept="image/*" onChange="FileUploadStart('profile'); return false;" />
						<input type="hidden" name="type" value="profile_photo"/>-->
                        </form>
					<?php //echo form_close();?>
				</div>
   <?php //}else {?>
   		<!--profile_options starts-->
	<!--profile_thumbs closed-->
</div>
